<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大麦首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel='icon' href='./img/favicon.ico'>

    <link rel="stylesheet" href="./img/dam/iconfont.css">
</head>
<body>
    <!-- 除2 -->
    <section id="box">
        <!-- 导航 -->
        <header id="top">
            <div class="top-sou">
                <div class="tops">西安 ↓</div>
                <div class="topo">
                    <button class="btsou"><span class="iconfont icon-quanbu"></span></button><input type="text" placeholder="痛仰乐队" class="btkuang"><button class="btsou"><span class="iconfont icon-quanbu"></span></button>
                </div>
                <div class="topu">信息</div>
            </div>
            <div class="top-xuan">
                <div class="topxuan">
                    <li>精选</li>
                    <li>
                        <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/yinyue.html">
                            话剧音乐剧
                        </a>
                    </li>
                    <li>展览休闲</li>
                    <li>Livehouse</li>
                    <li>音乐</li>
                    <li>精选</li>
                </div>
            </div>
        </header>
        <!-- 主体 -->
        <main id="center">
            <div class="center">
                <div class="center1"></div>
                <div class="center2">
                    <div>
                        <img src="./img/lun1.gif" alt="">
                        <li>榜单广场</li>
                    </div>
                    <div>
                        <img src="./img/lun2.gif" alt="">
                        <li>演出日历</li>
                    </div>
                    <div>
                        <img src="./img/lun3.gif" alt="">
                        <li>大戏将售.</li>
                    </div>
                    <div>
                        <img src="./img/lun4.gif" alt="">
                        <li>早鸟票</li>
                    </div>
                    <div>
                        <img src="./img/lun5.gif" alt="">
                        <li>脱口秀</li>
                    </div>
                </div>
                <div class="center3">
                    <div class="c3div1">
                        <img src="./img/xuan1.gif" alt="" class="c3img1">
                        <li>剧场春节合家欢，门票5折起></li>
                        <img src="./img/xuan2.gif" alt="" class="c3img2">
                    </div>
                    <div class="c3div2">
                        <img src="./img/xuan3.gif" alt="">
                        <div class="c3div2-con">
                            <li class="c3d2con1">【西安】严值高全国脱口秀巡演——...</li>
                            <li class="c3d2con2">人气爆棚</li>
                            <li class="c3d2con3">
                                <span>￥120</span>起
                            </li>
                            <li class="c3d2con4">去抢票</li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center4">
                <h2>必看排行榜</h2>
                <div class="c4div1">
                    <div class="c4div-con">
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center4">
                <h2>必看排行榜</h2>
                <div class="c4div1">
                    <div class="c4div-con">
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center4">
                <h2>必看排行榜</h2>
                <div class="c4div1">
                    <div class="c4div-con">
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                        <div class="c4divcon">
                            <div class="c4condiv"></div>
                            <li class="c4conli1">青曲社《相声大会》</li>
                            <li class="c4conli2">
                                <span>￥138</span>起
                            </li>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-- 底部 -->
        <footer id="bottment">
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/index.html">
                <div>
                    <span class="iconfont icon-jingxuancopy"></span>
                    <li>精选</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/leibiao.html">
                <div>
                    <span class="iconfont icon-xianchang"></span>
                    <li>现场</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/index.html">
                <div>
                    <span class="iconfont icon-quanbu"></span>
                    <li>全部</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/qiaojia.html">
                <div>
                    <span class="iconfont icon-piaojia-copy"></span>
                    <li>票夹</li>
                </div>
            </a>
            <a href="file:///E:/qzH5/PHPnow-1.5.6/htdocs/fabudamai/wode.html">
                <div>
                    <span class="iconfont icon-wode"></span>
                    <li>我的</li>
                </div>
            </a>
        </footer>
    </section>


    <script src="./js/vue.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>